<template>
  <div class="connter">
    <div class="connter-int">
      <!-- @搜索框 -->
      <IndexInput />
      <!-- @整体信息 -->
      <Indextable class="Indextable" />
      <!-- 租金管理Eacthrs -->
      <Eacthrs class="Eacthrs" />
      <!-- 站点管理 -->
      <TCag class="TCag" />
    </div>
    <!-- 超时订单&检修订单 -->
    <div class="timeOUt">
      <div class="timeOUt-item">

      </div>
    </div>
  </div>
</template>
<script setup>
import IndexInput from "./compt/input.vue";
import Indextable from "./compt/table.vue";
import Eacthrs from "./compt/YGHtdw.vue";
import TCag from "./compt/Ectg.vue";
</script>
<style lang="scss" scoped>
.connter {
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  padding: 20px;
  gap: 20px;
  .connter-int {
    width: 100%;
    height: 100%;
    // background-color: #fff;
    border-radius: 10px;
    padding: 20px;

    .timeOUt {
      width: inherit;
      height: auto;
      display: flex;
      justify-content: space-between;
      background-color: #fff;
      flex-wrap: wrap;
      margin-top: 20px;
      .timeOUt-item {
        width: 49%;
        height: 200px;
        background-color: #fff;
        border-radius: 10px;
        margin-bottom: 20px;
      }
    }
  }
}
.Indextable,
.Eacthrs,
.TCag {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .Indextable,
  .Eacthrs,
  .TCag {
    margin-top: 20px;
  }
}
.Indextable,
.Eacthrs,
.TCag {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .Indextable,
  .Eacthrs,
  .TCag {
    margin-top: 20px;
  }
}
</style>
